import React, { Component } from 'react';

import axios from 'axios';
class Child2 extends Component {
    // 第一步:创建一个source资源请求对象
    source = axios.CancelToken.source()
    render() {
        return (
            <div>
                我是child2
            </div>
        );
    }
    componentDidMount() {
        // 发起请求
        axios.post('https://api.i-lynn.cn/college', {
            page: 1
        }, {
            cancelToken: this.source.token  // 第二步: 设置该请求对象可以取消(也就是做一个取消请求的标记)
        }).then(res => {
            console.log(res);
        })
    };
    componentWillUnmount() {
        // 01: 清理副作用 包括事件 定时器 取消请求
        //第三步: 取消请求
        this.source.cancel()
    }
}

export default Child2;
